.db {
	display: block !important;
}
.table-container {
	:global {
		.ant-table-tbody>tr>td {
			border: none !important;
		}
		tbody>.ant-table-row{
			cursor: pointer;
		}
	}
	.table {
		position: relative;
		width: 100%;
		border: 1px solid var(--color-border-2);
		border-radius: 4px;
		border-spacing: 0;

		.head {
			font-weight: normal;
			text-align: left;

			& > th {
				position: sticky;
				top: -5px;
				padding: 0.5rem 1rem;
				font-weight: normal;
				background-color: var(--color-bg-3);
				border-bottom: 1px solid var(--color-border-2);
			}

			.action {
				width: 10em;
			}
		}

		.row {
			&:last-child > td {
				border-color: transparent;
			}

			& > td {
				padding: 0.5rem 1rem;
				white-space: nowrap;
				word-wrap: break-word;

				.control {
					color: var(--color-success);
					cursor: pointer;
				}
			}

			.red {
				color: var(--color-error);
			}
		}
	}
}
.p0_10 {
	padding: 0 10px;
}
.primary-color {
	color: #4A90E2 !important;
}
.cp {
	cursor: pointer;
}
.bd0 {
	border: 0 !important;
	height: 210px;
}
.des-item {
	height: 28px;
	&:not(:last-child) {
		margin-bottom: 8px;
	}
	span {
		font-size: 14px;
		color: #4A4A4A;
		display: inline-block;
		padding: 4px 20px 4px 0px;
		width: calc(100% / 8);
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		&:first-child {
			padding-left: 20px;
			position: relative;
			width: calc(100% / 8 * 1.3) !important;
			&::before {
				display: inline-block;
				content: '';
				width: 7px;
				height: 7px;
				border-radius: 50%;
				background: #4A90E2;
				position: absolute;
				left: 5px;
				top: 12px;
			}
		}
		&:nth-child(3) {
			width: calc(100% / 8 * 1.7) !important;
		}
		&:nth-child(5) {
			width: calc(100% / 8 * 1.3) !important;
		}
		&:last-child {
			width: calc(100% / 8 * 0.7) !important;
		}
	}
	&.ping-item {
		span {
			width: calc(100% / 7) !important;
			&:nth-child(3), &:nth-child(4) {
				width: calc(100% / 7 * 1.5) !important;
			}
			&:nth-child(5) {
				width: calc(100% / 7) !important;
			}
		}
	}
}
.df {
	display: flex;
}
.aic {
	align-items: center;
}
.ml5 {
	margin-left: 5px;
}
.circle {
	position: relative;
	padding-left: 20px;
	&::before {
		display: inline-block;
		content: '';
		width: 7px;
		height: 7px;
		border-radius: 50%;
		background: #4A90E2;
		position: absolute;
		left: 5px;
		top: 8px;
	}
}
.mt20 {
	margin-top: 20px;
}
.p20 {
	padding: 20px;
}
.w520 {
	width: 520px !important;
}
.maxH190 {
	height: 190px;
	overflow: auto;
}
.no-style {
	:global {
		.ant-form-item {
			margin-bottom: 0 !important;
		}
		.ant-form-item-control-input-content {
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}
	}
}
.error-color {
	color: var(--color-error);
}
.success-color {
	color: var(--color-success);
}
.pt5 {
	padding-top: 5px;
}
.jcfe {
	justify-content: flex-end;
}
.pr10 {
	padding-right: 10px;
}
.mb20 {
	margin-bottom: 20px;
}
:global {
	.ant-picker-range .ant-picker-clear {
		right: 11px !important;
	}
}
.pr {
	position: relative;
}
.bborder-table {
	width: 100%;
	:global {
		.ant-table-tbody>tr>td {
			border-bottom: 1px solid #e7eaef !important;
		}
	}
}
.spT{
	padding: 1rem;
	display: inline-block;
	position: relative;
	font-size: var(--text-lg);
	&::before {
		content: '';
		position: absolute;
		width: 0.5rem;
		height: 0.5rem;
		top: 24px;
		left: 2px;
		color: var(--color-5);
		background: var(--color-4);
		border-radius: 0.25rem;
	}
}
